<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>移动端适配测试</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://marketing.xiaokanglongjiang.com/dist/essc/component/elementUI/index.css">
    <link rel="stylesheet" href="https://marketing.xiaokanglongjiang.com/dist/essc/style/wangeditor.css">
    <link rel="stylesheet" href="https://marketing.xiaokanglongjiang.com/dist/essc/style/index.css">
    <!-- 默认1rem等于16px -->
    <style>
        html {
            font-size: 20px;
        }
        @media (max-width: 320px) {
            html {
                font-size: 12.6px !important;
            }
        }
        @media (min-width: 321px) and (max-width: 375px) {
            html {
                font-size: 15px !important;
            }
        }
        @media (min-width: 376px) and (max-width: 540px) {
            html {
                font-size: 16.56px !important;
            }
        }
        .font-smaller { font-size: 0.5rem!important;}
        .font-small { font-size: 0.667rem!important;}
        .font-sm { font-size: 0.833rem!important;}
        .font { font-size: 1rem!important;}
        .font-md { font-size: 1.167rem!important;}
        .font-lg { font-size: 1.333rem!important;}
        .h1{font-size:2.667rem; line-height:1.8;}
        .h2{font-size:2rem; line-height:1.8;}
        .h3{font-size:1.5rem; line-height:1.8;}
        .h4{font-size:1.067rem; line-height:1.8;}
        .h5{font-size:1rem; line-height:1.8;}
        .h6{font-size:0.933rem; line-height:1.8;}
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <!-- <span style="font-size: 24rem">1awdawd</span> -->
        <span class="h1">saa</span>
    </div>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/wangeditor.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/jquery.min.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/vue.min.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/vuex.min.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/component/elementUI/index.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/component/component.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/FileSaver.min.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/FileSaver.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/xlsx.full.min.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/xlsx.core.min.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/config/config.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/compressor.js"></script>
    <script type="text/javascript"
        src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/ID_Validity.js"></script>
    <script type="text/javascript" src="https://marketing.xiaokanglongjiang.com/dist/essc/utils/utils.js"></script>
    <script type="text/javascript">
        new Vue({
            el: '#app',
            data() {
                return {
                    count: 0
                }
            },
            methods: {
                load() {
                    console.log(this.count);
                    this.count += 2
                }
            }
        })
    </script>
</body>

</html>